<template>
	<div>

		<div v-for="(item,index) in list" :key="index" class="info-list-wrap">

			<div class="header">
				<div class="header-title">{{item.title}}</div>
				<div>
					<u-button type="primary" :plain="true" size="small" text="抢答按钮"></u-button>
				</div>
			</div>
			<div class="body">
				<!-- {{item.content}} -->
				<u--text :lines="2" :text="item.msgText"></u--text>
				<span class="show-content">更多描述</span>
			</div>

			<div class="footer">

				<div>{{item.createTime}}</div>
				<div>{{item.user}}提问</div>
			</div>



		</div>



	</div>
</template>

<script>
	import {
		queryProblemsAPI
	} from '../../../api/info.js'
	
	export default {
		mounted(){
			this.queryProblems()
		},
		data() {
			return {
				list: [{
					title: "问题类型：金融理财",
					content: "通过size值设置按钮的大小,通过size值设置按钮的大小,通过size值设置按钮的大小,通过size值设置按钮的大小,通过size值设置按钮的大小,通过size值设置按钮的大小,通过size值设置按钮的大小,通过size值设置按钮的大小,通过size值设置按钮的大小,通过size值设置按钮的大小,通过size值设置按钮的大小通过size值设置按钮的大小,通过size值设置按钮的大小,通过size值设置按钮的大小,通过size值设置按钮的大小",
					time: "2023-11-01 12:30:21",
					user: "999号"
				}, {
					title: "问题类型：金融理财",
					content: "通过size值设置按钮的大小,通过size值设置按钮的大小,通过size值设置按钮的大小,通过size值设置按钮的大小,通过size值设置按钮的大小,通过size值设置按钮的大小,通过size值设置按钮的大小,通过size值设置按钮的大小,通过size值设置按钮的大小,通过size值设置按钮的大小,通过size值设置按钮的大小通过size值设置按钮的大小,通过size值设置按钮的大小,通过size值设置按钮的大小,通过size值设置按钮的大小",
					time: "2023-11-01 12:30:21",
					user: "999号"
				}, {
					title: "问题类型：金融理财",
					content: "通过size值设置按钮的大小,通过size值设置按钮的大小,通过size值设置按钮的大小,通过size值设置按钮的大小,通过size值设置按钮的大小,通过size值设置按钮的大小,通过size值设置按钮的大小,通过size值设置按钮的大小,通过size值设置按钮的大小,通过size值设置按钮的大小,通过size值设置按钮的大小通过size值设置按钮的大小,通过size值设置按钮的大小,通过size值设置按钮的大小,通过size值设置按钮的大小",
					time: "2023-11-01 12:30:21",
					user: "999号"
				}]
			}
		},
		methods:{
			queryProblems(){
					
				queryProblemsAPI().then(res=>{
					console.log(res)
					this.list = res.data.result;
				})
			}
		}
	}
</script>

<style lang="scss">
	.info-list-wrap {
		margin: 20px;
		padding: 20px;
		border-radius: 4px;
		background-color: white;


		.body {
			margin: 10px 0;
			font-size: 14px;

			.show-content {
				color: #3c9cff;
				margin-left: 77%;
				margin-top: 6px;
				display: block;
			}
		}

		.header {
			.header-title {
				font-weight: 600;
			}
		}

		.header,
		.footer {
			display: flex;
			justify-content: space-between;
			align-items: center;
		}

		.footer {
			font-size: 13px;
		}
	}
</style>